.main {
  .container {
    padding: 20rpx;
    min-height: 89vh;
    .my-content {
      margin-bottom: 60rpx;

      .time {
        text-align: center;
        font-size: 24rpx;
        color: #686666;
      }

      .info {
        margin-top: 30rpx;
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;

        .img {
          width: 90rpx;
          height: 90rpx;
          margin-right: 30rpx;

          image {
            border-radius: 10rpx;
            width: 100%;
            height: 100%;
          }
        }

        .mesImg{
            width: 200rpx;
            height: 240rpx;
        }
        .mess {
          border-radius: 10rpx;
          font-size: 32rpx;
          line-height: 48rpx;
          box-sizing: border-box;
          min-height: 90rpx;
          //  flex-basis: 70%;
          max-width: 70%;
          background-color: #fff;
          padding: 20rpx;
          position: relative;

          &::before {
            content: "";
            border: 15rpx solid #fff;
            border-top-color: transparent;
            border-right-color: #fff;
            border-bottom-color: transparent;
            border-left-color: transparent;
            position: absolute;
            left: -29rpx;
            top: 25rpx;
          }
        }

      }

      .myinfo {
        margin-top: 30rpx;
        box-sizing: border-box;
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
        .mesImg{
            width: 200rpx;
            height: 240rpx;
        }
        .img {
          width: 90rpx;
          height: 90rpx;
          margin-left: 30rpx;

          image {
            border-radius: 10rpx;
            width: 100%;
            height: 100%;
          }
        }

        .mess {
          border-radius: 10rpx;
          font-size: 32rpx;
          line-height: 48rpx;
          box-sizing: border-box;
          min-height: 90rpx;
          // flex-basis: 70%;
          max-width: 70%;
          background-color: #96eb6a;
          padding: 20rpx;
          position: relative;

          &::before {
            content: "";
            border: 15rpx solid #fff;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #96eb6a;
            position: absolute;
            right: -29rpx;
            top: 25rpx;
          }
        }

      }
    }
  }
  .botton {
    height: 120rpx;
    position: sticky;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    background-color: #e3e3e3;
    display: flex;
    align-items: center;

    .left {
      width: 80rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #000;

      .a {
        font-size: 30rpx;
        border: 2rpx solid #000;
        border-radius: 50%;
        padding: 8rpx;

      }

      .b {
        font-size: 60rpx;
        //  border: 2rpx solid #000;
        //  border-radius: 50%;
        padding: 8rpx;

      }
    }

    .ipt {
      padding-left: 20rpx;
      flex: 3;
      background-color: #fff;
      height: 70%;
      border-radius: 8rpx;
      margin: 0 10rpx;
    }

    .text {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .right1 {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: 0 4px;
      .iconfont {
        font-size: 50rpx;
      }

      .bt1 {
        display: none;
        align-items: center;
        justify-content: center;
        width: 50rpx;
        overflow: hidden;
        margin: 0 20rpx;
        text-align: center;
        background-color: #07c160;
        color: #fff;
        font-size: 28rpx;
        padding: 0;
        box-sizing: border-box;
        border-radius: 10rpx;
      }
      .bt2{
        display: flex;
        // width:100rpx;
        padding: 10rpx; 
        animation: BtnSow 0.5s ease forwards;
      }

      
      @keyframes BtnSow {
        from{
          width: 80rpx;
        }
        to{
          width: 120rpx;
        }
      }
    }
  }
}